<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>流程管理</title>
    <style>
        table {
            border-collapse: collapse;
        }

        table td {
            border: 1px solid grey;
            padding: 5px;
            word-wrap: break-word;
            word-break: break-all;
        }

        table input {
            border: none;
        }

        input[readonly] {
            background-color: #cccccc;
        }

        a {
            padding: 3px;
            background-color: #428bca;
            border-radius: 3px;
            text-decoration: none;
            color: white;
        }

        a:hover {
            padding: 3px;
            background-color: #4F94CD;
        }
    </style>
    <script type="text/javascript" src="../statics/js/jquery-3.2.1.js"></script>
    <script type="text/javascript" src="../statics/js/layer/layer.js"></script>
    <script type="text/javascript">


    </script>
</head>
<body>
<h4>流程历史列表</h4>
<table>
    <thead>
    <tr>
        <td>任务ID</td>
        <td>活动名称</td>
        <td>活动类型</td>
        <td>办理人</td>
        <td>开始时间</td>
        <td>结束时间</td>
    </tr>
    </thead>
    <tbody>
    <#list historicActivityInstances as t>
    <tr>
        <td>${t.id!}</td>
        <td>${t.activityName!}</td>
        <td>${t.activityType!}</td>
        <td>${t.assignee!}</td>
        <td>${(t.startTime?datetime)!}</td>
        <td>${(t.endTime?datetime)!}</td>
    </tr>
    </#list>
    </tbody>
</table>
</body>
</html>